<template>

<!--  <div>-->
<!--    <div>Bot昵称:{{bot_name}}</div>-->
<!--    <div>Bot战力:{{bot_rating}}</div>-->
<!--  </div>-->
  <div id="app">
    <NavBar/>
    <router-view>
    </router-view>
  </div>
</template>
<script>
import $ from 'jquery';
import {ref} from 'vue';

//
// export default{
//   name:'App',
//   setup:()=>{
//     let bot_name=ref("")
//     let bot_rating=ref("")
//
//     $.ajax({
//       url:'http://127.0.0.1:8080/pk/getbotinfo/',
//       type:'get',
//       success:resp=>{
//         console.log(resp)
//         bot_name.value=resp[0].name;
//         bot_rating.value=resp[0].rating;
//
//       }
//     })
//
//     return{
//       bot_name,bot_rating
//     }
//
//   }
// }
import NavBar from './components/NavBar.vue'
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap/dist/js/bootstrap.js"

export default {
  components:{
    NavBar,
  }
}
</script>

<style>
body{
  background-image:url("../public/bk.png");
  background-size: cover;
}
</style>